<template>
  <v-app>
    <transition name="slide-y-reverse-transition">
    <keep-alive>
      <router-view />
    </keep-alive>
    </transition>
  </v-app>
</template>

<script>
import registAudioModule from '@/store/modules/audio.js'

export default {
  name: 'App',
 
  created(){
    let audio = new Audio();
    
    registAudioModule(audio);
  }
};

document.addEventListener('DOMContentLoaded', ()=>{
  const html = document.documentElement;
  let fontSize = window.innerWidth / 10;
  fontSize = fontSize > 50 ? 50 : fontSize;
  html.style.fontSize = fontSize + 'px';
})
</script>

<style lang="scss" scoped>
@import './assets/styles/global';

</style>
